<template>
  <el-popover  class="" placement="bottom" :width="400" trigger="click">
    <template #reference>
      <el-icon>
        <BellFilled/>
      </el-icon>
    </template>

    <el-tabs class="top-notice" tab-position="right" type="border-card"  >
      <el-tab-pane label="通知公告">
        <user-notice-table></user-notice-table>
      </el-tab-pane>
    </el-tabs>

  </el-popover>

</template>
<script>
import UserNoticeTable from "@/page/index/top/components/userNoticeTable.vue";

export default {
  name: "top-notice",
  components: {UserNoticeTable},
  data() {
    return {}
  },
  created() {

  },
  methods: {}
}
</script>
<style lang="scss">
.top-notice {
  > .el-tabs__content {
    padding: 5px !important;
  }
}
</style>